<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中关村列表页</title>
</head>
<body>
    <link rel="stylesheet" href="/libs/jquery-Page/css/page.css">
    <link rel="stylesheet" href="/css/list.css">
    <div class="header"></div>
        <main>
            <div class="content">
                <div class="sort">
                    <button>按价格升序</button><button>按价格降序</button>
                </div>
                <ul id="ul">
                </ul>
                <script type="text/html" id="list">
                    {{each list item}}
                        <li>
                                <a href="detail.html"><img src="{{item.src}}" alt=""></a>
                                <p>{{item.title}}</p>
                                <span>￥{{item.price}}</span>
                        </li>
                    {{/each}}
                </script>
            </div>
            <div style="text-align: center;margin:10px auto;">
                <div id="pager" class="pager clearfix">
                </div>
            </div>
        </main>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/list"></script>
</body>
</html>